<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="MobileOptimized" content="320"/>
    <title>图片预览</title>
    <link rel="stylesheet" href="../../css/mui.css" type="text/css" charset="utf-8"/>
    <link href="../../css/common.css" rel="stylesheet"/>
    <link href="../../css/map/map.css" rel="stylesheet"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=aU1pTSXXfaAc8TsdS1VFEM13T61o5pc4"></script>
</head>

<body>
<div class="header-nav">
    <span>地址信息</span>
    <div class="icon"><img src="../../img/common/btn_back.png" alt=""></div>
</div>
<div class="map-container" id="app">
    <div id="map">地图加载中...</div>
</div>

</body>
<script type="text/javascript" src="../../js/mui.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/fastclick.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/BaiduMapUtil.js"></script>
<script>
    mui.plusReady(function () {
        // 百度地图API功能
        var mp = new BMap.Map("map");
        setTimeout(function () {
            var self = plus.webview.currentWebview();
            var point = new BMap.Point(self.xCode, self.yCode)
            mp.centerAndZoom(point, 15);
            mp.clearOverlays();
            if (self.mapType == '0') { // 机具
                var myCompOverlay = new DeviceOverlay(point, "机具位置");
                mp.addOverlay(myCompOverlay);
            } else { // 工程师
                var myCompOverlay = new PersonOverlay(point, "工程师位置");
                mp.addOverlay(myCompOverlay);
            }
        }, 300)

    })

</script>

</html>